<template>
  <div class="demo">
    <h2 class="title">学生名称: {{ name }}</h2>
    <h2>学生性别: {{ sex }}</h2>
  </div>
</template>

<script>

  export default {
    name: 'Student',
    data() {
      return {
        name: '张三',
        sex: '男'
      }
    }
  }
</script>

<style scoped>  /* TODO 加了 scoped 标记，表示样式只对当前组件有效 */
  .demo {
    background-color: orangered;
  }
</style>